<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Insert title here</title>
	</head>
	
	<body>
		<div id="ld_content" >
			<div id="ld_form" >
				<form action="${pageContext.request.contextPath }/LoginAjax">
					<table id="ld_table" cellpadding="10">
						<tr >
							<td><label>用户名：</label></td>
							<td><input type="text" name="name" size="20" class="login_input" style="margin-top: 2px"/></td>
						</tr>
						<tr><td colspan="2">&nbsp;</td></tr>
						<tr>
							<td><label>密码：</label></td>
							<td><input type="password" name="password" size="20" class="login_input" style="margin-top: 2px"/></td>
						</tr>
						<tr><td colspan="2">&nbsp;</td></tr>
						<tr><td colspan="2">&nbsp;</td></tr>
						<tr >
							<td colspan="2">
								<div class="formBar" >
									<ul style="text-align: center;margin-left: 40px;">
										<li><div class="buttonActive"><div class="buttonContent"><button type="submit">登录</button></div></div></li>
										<li><div class="button"><div class="buttonContent"><button type="button" class="close">关闭</button></div></div></li>
									</ul>
								</div>
							</td>
						</tr>
					</table>
				</form>
			</div>
		</div>
		
		<script type="text/javascript">
			$(function(){
				var marginLeft = ($("#ld_content").width()-$("#ld_table").width())/2;		
				$("#ld_form").css("marginLeft", marginLeft);
				$("#ld_form").css("marginTop", "20px");
			});
		</script>
		
	</body>

</html>